<!DOCTYPE HTML>
<html>
	<head>
		<title>风景信息</title>
		<include file="Public/title" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <include file="Public/head" />
		<link href="__PUBLIC__/pp/css/style.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">

		<link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__/pp/images/fav-icon.png" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<style type="text/css">
			.ooo{background-color: #FFffff}
		</style>
		
  		<link rel="stylesheet" href="__PUBLIC__/pp/css/main.css">
  
	</head>
	<body>
		<!---start-wrap---->
			<!---start-header---->

			<div class="header ooo">
				<div class="wrap">
				<div class="logo" >
					<a href="{:U('Index/index')}"><img src="__PUBLIC__/assets_h/images/diuba_logo.png" title="pinbal"  width="180" height="60" /></a>
				</div>
				<div class="nav-icon">
					 <a href="#" class="right_bt" id="activator"><span> </span> </a>
				</div>
				 <div class="box" id="box">
					 <div class="box_content">        					                         
						<div class="box_content_center">
						 	<div class="form_content">
								<div class="menu_box_list">
									<ul>
									   <li><a  href="{:U('Index/index')}">主页</a></li>
									   <if condition="$Think.session.alias eq null">
                                       <li><a  href="{:U('Users/login')}">发布信息</a></li>

									     <else/>
                                       <li><a  href="{:U('fabuqu/release')}">发布信息</a></li>
                                      </if>
                                      <li><a href="{:U('fabuqu/pp')}">景点发布</a></li>
                                        <!--  <li><a class="scroll" href="#service">服务</a></li> -->
                                       <li><a href="{:U('Index/service')}">景点</a></li>
                                      <li><a href="{:U('Users/reg')}">注册</a></li>
										
							
										<div class="clear"> </div>
									</ul>
								</div>
								<a class="boxclose" id="boxclose"> <span> </span></a>
							</div>                                  
						</div> 	
					</div> 
				</div>       	  
				<div class="top-searchbar">
					<form>
						<input type="text" /><input type="submit" value="" />
					</form>
				</div>
				<div class="userinfo">
					<div class="user">

							<if condition="$Think.session.alias eq null">
						<ul>
							<li><a href="{:U('Users/login')}"><img src="__PUBLIC__/pp/images/pic10.jpg" title="user-name" /><span>登录</span></a></li>
						</ul>

                      <else/>
                             <ul>
                          <li><a href="#"><img src="__PUBLIC__/Uploads/headphoto/{$userInfo.photo}" title="user-name" width="80" height="10" /><span>{$userInfo.aliasname}</span></a></li>
                          <li><a href="{:U('logout')}">退出</a></li>
                            
						</ul>  
                           </if>


					</div>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
		
		<div class="content">
			<div class="wrap">
			 <div id="main" role="main">
			      <ul id="tiles">
			        <!-- These are our grid blocks -->

               <volist name="lostno" id="vo">
			        <li onClick="location.href='single-page.html';">
			        <a href=""><img src="__PUBLIC__/Uploads/search/{$vo.picture}" width="200" height="200"></a>
			        	<div class="post-info">
			        		<div class="post-basic-info">
				        		<h3><a href="#">风景名：{$vo.sight_name}</a></h3>
				        		<h3><a href="#">标志物：{$vo.sight_type}</a></h3>
				        		<span><a href="#"><label> </label>{$vo.place}</a></span>
				        		<p>&nbsp&nbsp{$vo.info}</p>
			        		</div>
			        		<div class="post-info-rate-share">
			        			<div class="rateit">
			        				<span> </span>
			        			</div>
			        			<div class="post-share">
			        				<span> </span>
			        			</div>
			        			<div class="clear"> </div>
			        		</div>
			        	</div>
			        </li>
                    </volist>   




		<!----wookmark-scripts---->
		  <script src="__PUBLIC__/pp/js/jquery.imagesloaded.js"></script>
		  <script src="__PUBLIC__/pp/js/jquery.wookmark.js"></script>
		  <script type="text/javascript">
		    (function ($){
		      var $tiles = $('#tiles'),
		          $handler = $('li', $tiles),
		          $main = $('#main'),
		          $window = $(window),
		          $document = $(document),
		          options = {
		            autoResize: true, // This will auto-update the layout when the browser window is resized.
		            container: $main, // Optional, used for some extra CSS styling
		            offset: 20, // Optional, the distance between grid items
		            itemWidth:280 // Optional, the width of a grid item
		          };
		      /**
		       * Reinitializes the wookmark handler after all images have loaded
		       */
		      function applyLayout() {
		        $tiles.imagesLoaded(function() {
		          // Destroy the old handler
		          if ($handler.wookmarkInstance) {
		            $handler.wookmarkInstance.clear();
		          }
		
		          // Create a new layout handler.
		          $handler = $('li', $tiles);
		          $handler.wookmark(options);
		        });
		      }
		      /**
		       * When scrolled all the way to the bottom, add more tiles
		       */
		      function onScroll() {
		        // Check if we're within 100 pixels of the bottom edge of the broser window.
		        var winHeight = window.innerHeight ? window.innerHeight : $window.height(), // iphone fix
		            closeToBottom = ($window.scrollTop() + winHeight > $document.height() - 100);
		
		        if (closeToBottom) {
		          // Get the first then items from the grid, clone them, and add them to the bottom of the grid
		          var $items = $('li', $tiles),
		              $firstTen = $items.slice(0, 10);
		          $tiles.append($firstTen.clone());
		
		          applyLayout();
		        }
		      };
		
		      // Call the layout function for the first time
		      applyLayout();
		
		      // Capture scroll event.
		     /* $window.bind('scroll.wookmark', onScroll);*/
		    })(jQuery);
		  </script>
        <include file="Public/footer" />    
	</body>

</html>

